<template>
  <div class="home">
    <Rail title="今日榜单"></Rail>
    <SongList type="2" size="6"></SongList>
    <Rail title="新歌速递"></Rail>
    <SongList type="1" size="3"></SongList>
    <!--  轮播图-->
    <Swiper type="1" size="3"></Swiper>

    <Rail title="音乐榜单"></Rail>
    <SongTab type="24" size="5"></SongTab>

    <Rail title="热门歌单"></Rail>
    <SongList type="24" size="6"></SongList>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import Rail from "@/components/Rail";
import SongList from "@/components/SongList";
import Swiper from "@/components/Swiper";
import SongTab from "@/components/SongTab";

export default {
  // props:["title"],
  components: {
    Rail,
    SongList,
    Swiper,
    SongTab
  }
}
</script>
